@charset "utf-8";
/* CSS Document */
@import url("base.mobile.css");

/* override */
.submit #btn, .button #btn{background-color:#00a946;}

/* 文章详情 */
.article-detail{text-align:left;}
.article-detail .title{padding:15px; font-size:18px; font-weight:bold; line-height:20px;}
.article-detail .title span{display:block; font-size:14px; font-weight:normal; transform:scale(0.75); color:#999; transform-origin:left; -webkit-transform-origin:left;}
.article-detail .detail{padding:15px; font-size:16px;}
.article-detail .detail div, .article-detail .detail p{font-size:16px;}
.article-detail .detail img{width:100%;}

/* 投诉详情 */
.tousu-detail{text-align:left;}
.tousu-detail .title{padding:13px 15px;}
.tousu-detail .nameView{padding:0 15px; height:60px; overflow:hidden; background:#f3f3f3;}
.tousu-detail .nameView .view{height:44px; margin-top:8px; margin-left:54px;}
.tousu-detail .nameView .view .avatar{float:left; margin-left:-54px; width:44px; height:44px; border-radius:22px; background:url(../images/default_avatar.jpg) no-repeat center center; background-size:100% 100%;}
.tousu-detail .nameView .view .bot .brand{float:left; font-size:12px; transform:scale(0.91); margin-left:-3px;}
.tousu-detail .nameView .view .bot .brand span{color:#15619c;}
.tousu-detail .nameView .view .bot .status{float:right; font-size:12px; transform:scale(0.91); margin-right:-3px;}
.tousu-detail .nameView .view .bot .status0 span{color:#EA393A;}
.tousu-detail .nameView .view .bot .status1 span{color:#F7AA00;}
.tousu-detail .nameView .view .bot .status2 span{color:#00AA45;}
.tousu-detail .nameView .view .bot .status3 span{color:#00AA45;}
.tousu-detail .nameView .view .name{margin-top:5px; line-height:20px; font-size:13px;}
.tousu-detail .nameView .view .name span{font-size:12px; color:#999;}
.tousu-detail div.content{padding:15px; line-height:18px; font-size:13px; color:#666;}
.tousu-detail .pics{padding:0 15px; width:auto; height:auto; overflow:hidden;}
.tousu-detail .pics img{width:100%; float:left; margin-bottom:15px;}
.tousu-detail .g{height:6px; background:#f3f3f3;}
.tousu-detail .titView{margin-bottom:10px; padding:0 15px;}
.tousu-detail .titView .tit{padding-left:25px; line-height:35px; font-size:15px; background:no-repeat left center; background-size:auto 100%;}
.tousu-detail .problem .tit{background-image:url(../images/mobile/tousu/ts-detail-ico01@2x.png);}
.tousu-detail .result .tit{background-image:url(../images/mobile/tousu/ts-detail-ico02@2x.png);}
.tousu-detail .comment .tit{background-image:url(../images/mobile/tousu/ts-detail-ico03@2x.png);}
.tousu-detail .suqiu .tit{background-image:url(../images/mobile/tousu/ts-detail-ico04@2x.png);}
.tousu-detail .titView .label{font-size:13px;}
.tousu-detail .titView .label font{color:#999; font-size:13px;}
.tousu-detail .result .label span.content{display:block; color:#fa6262;}
.tousu-detail .comment{padding-right:0;}
.tousu-detail .comment li .view{margin:10px 15px 0 61px; padding-bottom:10px; height:auto;}
.tousu-detail .comment li .view .avatarView{float:left; margin-left:-61px; width:46px;}
.tousu-detail .comment li .view .avatarView .avatar{width:46px; height:46px; border-radius:23px; background:url(../images/default_avatar.jpg) no-repeat center center; background-size:100% 100%;}
.tousu-detail .comment li .view .avatarView .name{text-align:center; font-size:12px;}
.tousu-detail .comment li span.content{display:block; color:#777; font-size:12px;}
.tousu-detail .comment li .add_time{color:#999; font-size:12px; margin-top:3px; text-align:right;}

.down-app{width:100%; height:100%; overflow:auto; background:#d8e2dc;}
.down-app a{display:block;}
.down-app a img{width:100%;}

/* 底部浮动下载APP */
.app{position:fixed; left:0; bottom:0; z-index:9999; width:100%; height:54px; padding:12px 15px 0 20px; overflow:hidden; text-align:center; background:rgba(0,0,0,0.6); box-sizing:border-box;}
.app div{float:left; width:30px; height:30px; border-radius:4px; background:url(../images/logo.png) no-repeat center center; background-size:100% 100%;}
.app span{display:block; float:left; font-size:13px; color:#fff; height:30px; line-height:30px; text-align:left; margin-left:15px;}
.app .down{display:block; float:right; font-size:13px; color:#fff; border-radius:4px; width:72px; height:30px; line-height:30px; background:#00a946;}
.app .close{display:block; position:absolute; left:0; top:0; z-index:1; font-size:10px; color:#ddd; width:20px; height:20px; line-height:15px; padding-right:5px; background:rgba(0,0,0,0.3); box-sizing:border-box; -moz-border-radius-bottomright:999px; -webkit-border-bottom-right-radius:999px; border-bottom-right-radius:999px;}

.app2{position:fixed; left:0; bottom:0; z-index:9999; width:100%; height:65px; overflow:hidden; box-sizing:border-box;  background:url(../images/mobile/tousu/ts-detail-down@2x.png) no-repeat center center; background-size:100% 100%;}
.app2 .close{display:block; position:absolute; right:0; top:0; z-index:1; font-size:10px; color:#ddd; width:20px; height:20px; line-height:15px; padding-left:5px; background:rgba(0,0,0,0.3); box-sizing:border-box; -moz-border-radius-bottomleft:999px; -webkit-border-bottom-left-radius:999px; border-bottom-left-radius:999px;}
.app2 .down{display:block; width:100%; height:100%;}